<template>
  <div class="Page Confirm">
    <div class="Title">
      <h1 class="fl f18">订单确认</h1>
      <img src="~/assets/img/cart_setp2.png" class="fr">
      <div class="clear"/>
    </div>
    <form id="flowForm" name="flowForm" method="post" action="">
      <table class="GoodList">
        <tbody>
          <tr>
            <th class="name">商品</th>
            <th class="price">原价</th>
            <th class="priceNew">价格</th>
          </tr>
        </tbody>
        <tbody>
          <!-- <tr>
        <td colspan="3" class="Title red f18 fb"><p>限时折扣</p></td>
      </tr> -->
          <tr>
            <td colspan="3" class="teacher">讲师：{{ order.teacherName }}</td>
          </tr>
          <tr class="good">
            <td class="name First">
              <a :href="'https://localhost:3000/course/'+order.courseId" target="_blank">
                <img :src="order.courseCover">
              </a>
              <div class="goodInfo">
                <input type="hidden" class="ids ids_14502" value="14502">
                <a :href="'https://localhost:3000/course/'+ order.courseId" target="_blank">{{ order.courseTitle }}</a>
              </div>
            </td>
            <td class="price">
              <p>￥<strong>{{ order.totalFee }}</strong></p>
            <!-- <span class="discName red">限时8折</span> -->
            </td>
            <td class="red priceNew Last">￥<strong>{{ order.totalFee }}</strong></td>
          </tr>
          <tr>
            <td class="Billing tr" colspan="3">
              <div class="tr">
                <p>共 <strong class="red">1</strong> 件商品，合计<span
                  class="red f20">￥<strong>{{ order.totalFee }}</strong></span></p>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
      <div class="Finish">
        <div id="AgreeDiv" class="fr">

          <label for="Agree"><p class="on"><input type="checkbox" checked="checked">我已阅读并同意<a
            href="javascript:"
            target="_blank">《谷粒学院购买协议》</a>
          </p></label>
        </div>
        <div class="clear"/>
        <div class="Main fl">
          <div class="fl">
            <a :href="'/course/'+order.courseId">返回课程详情页</a>
          </div>
          <div class="fr">
            <p>共 <strong class="red">1</strong> 件商品，合计<span class="red f20">￥<strong
              id="AllPrice">{{ order.totalFee }}</strong></span></p>
          </div>
        </div>
        <input id="usedScore" name="score" value="0" type="hidden">
        <button id="submitPay" class="fr redb" type="button" @click="toPay()">去支付</button>
        <div class="clear"/>
      </div>
    </form>
  </div>
</template>
<script>
import orderApi from '@/api/order'

export default {
  // 根据订单号获取订单信息
  asyncData({ params, error }) {
    return orderApi.getOrder(params.oid).then(response => {
      return {
        order: response.data.data.item
      }
    })
  },

  methods: {
    toPay() {
      // 跳转到支付页面
      this.$router.push({ path: '/pay/' + this.order.orderNo })
    }
  }
}
</script>
